@import '../../_utils/style/mixins/mixins.scss';
@import '../../_utils/style/theme/theme.scss';

@include b(empty) {
  @include e(image, '-') {
    height: auto;
  }
  .sm-component-empty-image {
    height: 31px;
    & svg {
      width: 52px;
      height: 31px;
    }
  }
  & ellipse {
    fill: $empty-shadow-color;
  }
  & g g {
    stroke: $empty-stroke-color;
  }
  & path:first-child {
    fill: $empty-top-color;
  }
  & path:nth-child(2) {
    fill: $empty-bottom-color;
  }
  & .sm-component-empty-description {
    font-size: 12px;
    color: $empty-description-color;
  }
}
